<template>
  <div>

      <el-row :gutter="30">
        <el-col :span="10">
          <el-card shadow="always" class="m-margin-1">
            <TelemetryList></TelemetryList>
          </el-card>
          <el-card shadow="always" class="m-margin-1">
              <UdTelemetry></UdTelemetry>
          </el-card>
        </el-col>
        <el-col :span="14">
           <el-card shadow="always" class="m-margin-1">
             <TelecontrolList @check="openWindow"></TelecontrolList>
           </el-card>
          <el-card shadow="always" class="m-margin-1">
            <LongTelecontrol></LongTelecontrol>
          </el-card>
        </el-col>
      </el-row>
  </div>
</template>

<script setup>
import UdTelemetry from './modules/UdTelemetry.vue'
import LongTelecontrol from './long-telecontrol/index.vue'
import TelemetryList from './modules/TelemetryList.vue'
import TelecontrolList from "./modules/TelecontrolList.vue";

const openWindow = () => {
  dialogVisible.value = true
}
</script>

<style lang="scss" scoped>
.el-overlay-dialog {
  position: absolute;
  top: 7em;
  right: 113px;
}
</style>